﻿.i_pro_bg{ background-color:#fcfcfc; overflow:hidden;padding-bottom: 2%;}
.i_fengcai_bg{background-color:#f4f4f4;}
.i_pro_t{ height:90px; overflow:hidden; line-height:90px; text-align:center; background:url(../images/i_bg1.jpg) center bottom no-repeat; font-size:42px; color:#333333; letter-spacing:5px; /*margin-bottom:3%;*/ margin-top:1%;}

.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top:20px;text-align: center;}

.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:38px; height:74px;text-indent:40px; margin-top:-16%; z-index:9; position:relative; overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/i_pro_left.png) no-repeat; float:left;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/i_pro_left_on.png) no-repeat;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/i_pro_right.png) no-repeat; float:right;}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/i_pro_right_on.png) no-repeat; }

.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);opacity: 1;text-decoration: none;}

.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline; display:none;}
.owl-theme .owl-controls .owl-page span{display: block;width: 16px;height: 16px;margin: 5px 7px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background:url(../images/i_bg3.png) no-repeat;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{background:url(../images/i_bg4.png) no-repeat;}

.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}

.owl-item.loading{min-height: 150px;}
#owl-demo{ padding-bottom:3%;}
#owl-demo .item{margin: 0.5px;position:relative;height:387px;}
#owl-demo .item img{height: 100%;width: 100%;transition: all 0.3s;}
#owl-demo .item .bg-list-img{ position:absolute; bottom:49px;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; width:100%;}
#owl-demo .item .bg-list-tit{ height:56px; overflow:hidden; bottom:0; position:absolute; text-align:center; width:100%;}
#owl-demo .item .bg-list-tit h4{ margin:0 auto; display:inline-block; border-bottom:2px solid #e2e2e2; font-weight:normal; font-size:18px; line-height:54px; padding-left:10px; padding-right:10px;}
#owl-demo .item .bg-list-more{ width:100%; position:absolute; bottom:0; background:url(../images/i_por_pic1.png) center 38px no-repeat #3c3a38; height:56px; line-height:46px; font-size:14px; color:#fff; text-align:center;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}


#owl-demo2{ background-color:#f9f9f9; margin-top:1%; text-align:center; padding-bottom:2%;}
#owl-demo2.owl-theme .owl-controls .owl-buttons{ position:absolute; top:40%; width:100%; left:0; height:0;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:59px; height:90px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/i_case_left.png) no-repeat; float:left;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/i_case_left_on.png) no-repeat;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/i_case_right.png) no-repeat; float:right;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/i_case_right_on.png) no-repeat; }

#owl-demo2.owl-theme .owl-controls .owl-page{ display:inline-block;}

#owl-demo2 .item{margin: 0px; padding-bottom:20px; }
#owl-demo2 .item img{display: block;height: 100%;width: 90%; margin:0 auto;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
#owl-demo2 .item dd{ width:100%; margin:0 auto; max-width:424px;margin-bottom:10px;}
#owl-demo2 .item dd .imgs{ position:relative; width:100%; height: 300px;overflow:hidden;background-size:contain;background-repeat: no-repeat;background-position: center center;}
#owl-demo2 .item dd  h2{  font-weight:normal; color:#333; font-size:18px; line-height:22px; height:22px; overflow:hidden; margin-top:7px;}
#owl-demo2 .item dd:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
#owl-demo2 .item dd:hover h2{ color:#eb6360;}

.i_about_t{ height:90px; overflow:hidden; line-height:90px; text-align:center; background:url(../images/i_about_bg2.jpg) center bottom no-repeat; font-size:42px; color:#fff; letter-spacing:5px; margin-top:1%;}
.i_about{padding-bottom:2%; overflow:hidden; background-color:#DC4655;}
.i_about .i_about_con{ width:96%; margin:0 auto; padding-top:2%; overflow:hidden;}
.i_about .videos{ float:left; width:49%; overflow:hidden; margin-top:2%;}
.i_about .i_about_r{ float:right; width:48%; margin-left:1%; overflow:hidden; color:#fff; font-size:14px; line-height:30px; margin-right:1%; padding-top:1%;}

.i_news_bg{ background-color:#333;background: -webkit-linear-gradient(#333, white);
    background: -o-linear-gradient(#333, white);
    background: -moz-linear-gradient(#333, white); 
    background: linear-gradient(#333, white); 
    padding-bottom:2%; overflow:hidden;}
.i_news_a{ text-align:center; overflow:hidden; padding-top:1%; padding-bottom:1%; font-size:17.8px; margin-top:10px;}
.i_news_a a{ display:inline-block; /*color:#fff;*/ margin-left:12px; margin-right:12px;}
.i_news_a a.osel{ color:#d23e4a;}
.i_news_con{overflow:hidden; width:98%; max-width:1294px; margin:0 auto; margin-top:10px; padding-bottom:20px;}
.i_news_con .i_news_div{ display:none; overflow:hidden; background-color: white; padding-bottom:7px;}
.i_news_con .i_news_div img{ width:50%; display:block; float:right;}

.i_news_div{ text-align:center;}
.i_news_div .item{margin: 0px;}
.i_news_div .item img{display: block;height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.i_news_div .item dd{ width:100%; margin:0 auto; position:relative; overflow:hidden;}
.i_news_div .item dd .imgs{ width:50%; overflow:hidden; float:right; position:relative;}
.i_news_div .item dd .imgs h2{ height:46px; line-height:46px; background:url(../images/i_news_bg4.png) repeat; overflow:hidden; bottom:0; left:0; width:94%; position:absolute; color:#fff; text-align:left; font-weight:normal; font-size:16px; padding-left:3%; padding-right:3%;}
.i_news_div .item dd .imgs h2 em{ float:right; margin-left:10px;}
.i_news_div .item dd .i_news_l{  width:49.9%; height:100%;float: left;}
.i_news_div .item dd .i_news_l ul{ margin-top:2%; overflow:hidden;}
.i_news_div .item dd .i_news_l ul li{ display:block; overflow:hidden; background:url(../images/i_news_bg3.png) center bottom no-repeat; background-size:80% 1px; padding-bottom:4%; padding-top:2%; text-align:left; padding-left:4%; padding-right:4%;}
.i_news_div .item dd .i_news_l ul li .four_date{ float:left; width:18%; overflow:hidden;color:#999999; font-size:12px; line-height:26px; border-right:1px solid #e2e2e2; text-align:center;}
.i_news_div .item dd .i_news_l ul li .four_date b{ font-size:40px; display:block; line-height:50px; font-family:Impact; font-weight:normal;}
.i_news_div .item dd .i_news_l ul li .four_txt{ float:left; width:80%; overflow:hidden; text-align:left;transition:all 0.3s;}
.i_news_div .item dd .i_news_l ul li .four_txt h2{ height:30px; line-height:30px; margin-top:1%; overflow:hidden; font-weight:normal; font-size:18px; padding-left:20px; padding-right:10px; color:#121212;}
.i_news_div .item dd .i_news_l ul li .four_txt p{ line-height:20px; height:40px; overflow:hidden;padding-left:20px; padding-right:10px; font-size:14px; color:#666;}
.i_news_div .item dd .i_news_l ul li:hover .four_txt{ color:#333;}
.i_news_div .item dd .i_news_l ul li:hover .four_txt h2{color:#d23e4a;}

.flash_div{ width:100%; margin:0 auto; overflow:hidden;}
.flash{height:140px;width:420px;overflow:hidden;position:relative;margin:0 auto;/*margin-top:100px;*/}
.ul_flash{width:100000px;height:100%}
.ul_flash li{float:left;width:420px;height:100%}
.ul_flash img{width:100%;height:100%}

.flash .pagination{clear:both;position:absolute;left:40%;bottom:15px;z-index:5;height:10px; float:left; text-align:left;}
.flash .pagination span{ float:left;background:url(../images/dian.png) no-repeat; background-size:100% 100%;width:11px;height:9px;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;overflow:hidden;margin:0 3px;cursor:pointer;position:relative}
.flash .pagination span.swiper-active-switch{ background:url(../images/dian2.png) no-repeat; background-size:100% 100%;}
@media screen and (max-width: 1600px) {
#owl-demo .item{ height:377px;}
.owl-theme .owl-controls .owl-buttons div{ margin-top:-20%;}
}
@media screen and (max-width: 1280px) {
#owl-demo .item{ height:367px;}
.owl-theme .owl-controls .owl-buttons div{ margin-top:-26%;}
}
@media screen and (max-width: 1200px) {
.i_news_div .item dd .i_news_l ul li{ padding-bottom:3%;}
.i_news_div .item dd .i_news_l ul li .four_date b{ font-size:40px;line-height:40px; }
.i_news_div .item dd .i_news_l ul li .four_txt h2{ font-size:16px; height:24px; line-height:24px;}
}
@media screen and (max-width: 1100px) {
#owl-demo .item{ height:347px;}
}
@media screen and (max-width: 1000px) {
#owl-demo .item{ height:337px;}
.i_news_div .item dd .i_news_l ul li{padding-top:3%;}
.i_news_div .item dd .i_news_l ul li .four_date b{ font-size:30px;line-height:30px; }
.i_news_div .item dd .i_news_l ul li .four_txt p{ height:20px;}
.blank_h{ display:none;}
.ui-header{display:block;}
}

@media screen and (max-width:979px) {
.owl-theme .owl-controls .owl-buttons div{ margin-top:-27%;}
#owl-demo .item{ height:317px;}
.i_news_div .item dd .i_news_l ul li{padding-top:2%;}
.i_news_div .item dd .imgs h2{ font-size:14px; height:36px; line-height:36px;}
}
@media screen and (max-width:830px) {
.i_news_div .item dd .imgs{ display:none;}
.i_news_div .item dd .i_news_l{ width:100%; position:relative;}
}
@media screen and (max-width:789px) {
.owl-theme .owl-controls .owl-buttons div{ margin-top:-41%;}
#owl-demo .item{ height:347px;}
}

@media screen and (max-width: 780px) {
.owl-theme .owl-controls .owl-buttons div{ margin-top:-40%;}
.i_about .videos{ width:94%; margin-left:3%;}
.i_about .i_about_r{ width:94%; padding-top:2%; padding-bottom:1%; margin-right:3%;}
}
@media screen and (max-width: 640px) {
.i_pro_t{ font-size:28px;}
#owl-demo2.owl-theme .owl-controls .owl-buttons{ display:none;}
#owl-demo.owl-theme .owl-controls .owl-buttons{ display:none;}
#owl-demo .item{ height:310px;}
.i_about_t{ font-size:28px;}
}
@media screen and (max-width: 480px) {
.owl-theme .owl-controls .owl-buttons div{ margin-top:-70%;}
#owl-demo .item{ height:280px;}
#owl-demo2 .item dd .imgs{height:200px;}
.i_youshi ul li{ font-size:14px;}
}

@media screen and (max-width:320px) {
.owl-theme .owl-controls .owl-buttons div{ margin-top:-88%;}
#owl-demo .item{ height:260px;}
#owl-demo2 .item dd .imgs{height:200px;}
.i_youshi ul li{ font-size:12px;}
}